<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/xqhuteacher.css">
    <link  rel="stylesheet"  href="css/head.css">
</head>
<body>

<div  class="head"></div>
<div  id="hucontain">
    <div><img    :src="src"  /></div>
    <div>
        <div class="dan">
            <div><img  :src="xqs.src" /></div>
            <div>
                <span>{{xqs.name}}</span>
                <span>{{xqs.zhicheng}}</span>
                <div> {{xqs.miao}}</div>
            </div>
        </div>
    </div>
</div>

<div  class="dibussss"></div>
</body>
<script  src="js/jquery.3.3.1.min.js"></script>
<script  src="js/vue.js"></script>
<script  type="text/javascript">
    $(document).ready(function () {
        $(".head").load("xqhead.html")
        $(".dibussss").load("dibu.html")
    })
    new Vue({
        el:"#hucontain",
        data:{
          src:"http://bzt.cybwnt.com/uploads/zhongxue/webteachers.png",
         xqs:{src:"http://bzt.cybwnt.com/uploads/zhongxue/webteacher.png",name:"陈飞宇",zhicheng:"博知堂高级教师",miao:"从事数学教学多年，功底扎实，逻辑思维严密，重点突出。热爱教育，风趣幽默的教学方式改变枯燥的数学形象，丰富的教学经验让课堂更加精准有效，快速提分重塑学生对数学的兴趣，让学生在快乐中学习，在学习中感受快乐。"},
         },

    })


</script>
</html>